/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    轨迹地图     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#SecurePerson-PersonTrack-map {
  /* ============================== 文本标记 ============================== */
  .amap-markers {
    /* —————————————————————————————— 终 —————————————————————————————— */
    > :last-child .amap-overlay-text-container {
      background: var(--Danger);
    }

    /* —————————————————————————————— 起 —————————————————————————————— */
    > :first-child .amap-overlay-text-container {
      background: var(--Success);
    }

    /* —————————————————————————————— 序号 —————————————————————————————— */
    .amap-overlay-text-container {
      width: 24px;
      height: 24px;
      line-height: 24px;
      border-radius: 50%;
      border: none;
      font-size: 16px;
      text-align: center;
      color: var(--White);
      background: var(--Info);
      box-shadow: 0 0 2px 1px var(--White);
      transform: translate(-50%, -50%);
    }
  }

  /* ============================== 信息弹窗 ============================== */
  .amap-info-contentContainer {
    /* —————————————————————————————— 面板 —————————————————————————————— */
    .amap-info-content {
      padding: 20px;
    }

    /* —————————————————————————————— 关闭 —————————————————————————————— */
    .amap-info-close {
      top: 8px;
      right: 12px;
      font-size: 20px;
      transition: 0.3s;

      &:hover {
        color: var(--Black3);
      }
    }

    /* —————————————————————————————— 左侧 —————————————————————————————— */
    .flex0 {
      width: 200px;
      height: 150px;
      margin-right: 20px;

      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }

    /* —————————————————————————————— 右侧 —————————————————————————————— */
    .flex1 {
      line-height: 30px;
      white-space: nowrap;

      label {
        display: inline-block;
        width: 80px;
        color: #999;
      }

      span {
        color: var(--Black8);
      }
    }
  }
}
